<meta charset="UTF-8">
<html>

<head>
    <title>音乐排行版</title>
</head>

<body>
    <ul>
        <li>郭腾腾 - 米兰的小铁匠 (抖音版)<button id="b1" onclick="p1()">播放</button>
        </li>
        <li>love is gone<button id="b2" onclick="p2()">播放</button>
        </li>
        <li>游京<button id="b3" onclick="p3()">播放</button>
        </li>
		<li>你的答案<button id="b4" onclick="p4()">播放</button>
        </li>
		<li>后来<button id="b5" onclick="p5()">播放</button>
        </li>
    </ul>
    <script>
        var m = new Audio();

        function p1() {
            if (b1.innerHTML == "播放") {
                b1.innerHTML = "暂停";
                m.src = "郭腾腾 - 米兰的小铁匠 (抖音版).mp3"
                m.play();
            } else {
                m.pause();
                b1.innerHTML = "播放";
            }
        }

        function p2() {
            if (b2.innerHTML == "播放") {
                b2.innerHTML = "暂停";
                m.src = "love is gone.mp3"
                m.play();
            } else {
                m.pause();
                b2.innerHTML = "播放";
            }
        }

        function p3() {
            if (b3.innerHTML == "播放") {
                b3.innerHTML = "暂停";
                m.src = "海伦 - 游京 (新版).mp3";
                m.play();
            } else {
                m.pause();
                b3.innerHTML = "播放";
            }
        }
        function p4() {
            if (b4.innerHTML == "播放") {
                b4.innerHTML = "暂停";
                m.src = "阿冗 - 你的答案.mp3";
                m.play();
            } else {
                m.pause();
                b4.innerHTML = "播放";
            }
        }
        function p5() {
            if (b5.innerHTML == "播放") {
                b5.innerHTML = "暂停";
                m.src = "刘若英 - 后来.mp3";
                m.play();
            } else {
                m.pause();
                b5.innerHTML = "播放";
            }
        }
    </script>
</body>

</html>